<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style type="text/css">
#alertDetailModal {
	width: 300px;
}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">运营售后管理<i
					class="icon-angle-right"></i></span>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/system/weeklyReport.jsp')">统计周报</a></li>
			</ul>
		</div>
	</div>

	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="customer_search_form">
			<table class="search-body" style="margin-top:20px" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td>
						<label class="my-label" style="margin-top:20px">开始时间:</label>
						<input id="gatherTime_start" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"/>

						<label class="my-label">结束时间:</label>
						<input id="gatherTime_end" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})"/>
					</td>
				</tr>
				
			</table>
		</form>
		<ul class="search-button">
			<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="weeklyReport_table_exp" class="btn blue ">
							导&nbsp;&nbsp;出
					</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="weeklyReport_table" width="100%">
					<thead>
						<tr>
							<th  class="sorting_asc_disabled" style="width:35px;">
							序号
							</th>
							<th class="fourMinWidth">电池ID</th>
							<th class="fourMinWidth">采集终端ID</th>
							<th class="fourMinWidth">电池型号</th>
							<th class="fourMinWidth">出厂日期</th>
							<th class="fourMinWidth">起始时间</th>
							<th class="fourMinWidth">结束时间</th>
							<th class="fourMinWidth">告警总次数</th>
							<th class="fourMinWidth">工作次数</th>
							<th class="fourMinWidth">工作时长（分钟）</th>
							<th class="fourMinWidth">放电电流最大值</th>
							<th class="fourMinWidth">放电电流超过400A次数</th>
							<th class="fourMinWidth">充电次数</th>
							<th class="fourMinWidth">充电时长（分钟）</th>
							<th class="fourMinWidth">压差最大时间</th>
							<th class="fourMinWidth">压差最大值</th>
							<th class="fourMinWidth">温差最大时间</th>
							<th class="fourMinWidth">温差最大值</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	
	
</div>

<div id="alertDetailModal" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
    <div class="modal-header add-customer-header bg-green c-bold c-fff">
        告警详情
    </div>
    <div class="modal-body add-customer-body">
        <form id="user_form">
            <input type="hidden" id="form_pkId"/>
            <textarea id="alertDetail"></textarea>
        </form>
    </div>
    <div class="modal-footer al-center bg-fff">
        <button type="button" data-dismiss="modal" class="btn red"
                id="form_btn_close">取消</button>
    </div>
</div>
<!--查看详情 end------------>	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="pages/system/js/weeklyReport.js"></script>
<script type="text/javascript" src="pages/system/js/DateUtil.js"></script>

<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
        weeklyReportTable.init();
		UIModals.init();
	});
</script>

